<!DOCTYPE html>
<html>

<head>
    <title>GeoJSON切片</title>
    <link rel="stylesheet" href="./4.2.0/css/ol.css" type="text/css">
    <link rel="stylesheet" href="./4.2.0/css/dev/twms.css" type="text/css" />
    <script src="./4.2.0/js/ol.js"></script>
    <script src="../jquery/jquery.min.js"></script>
</head>

<body>
    <div id="map" class="map" tabindex="0"></div>
    <div class="buttonChn">
        <button type="" id="dayBtn">白天</button>
        <button type="" id="bightBtn">夜晚</button>
    </div>
    <div class="buttonChn">
        <input type="text" name="" id="colorValue" placeholder="请输入颜色" />
        <button type="" id="changeColorBtn" onclick="changeStyle();">变色</button>
    </div>
    <script src="./4.2.0/js/dev/mapVectorTile.js"></script>
</body>

</html>